/*header*/
a{ outline:none;}
.fix-width-app{ width:980px; margin:0px auto;}
.banner-app {
    height:504px;
    border-bottom:3px solid #ff7701;
}
.botoom-app {
    padding-top:268px;
    padding-left:80px;
}

.botoom-app a {
    background-image: url("images/icon.png?v=20140519");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 78px;
    width: 260px;
    margin-top:27px;
}
.botoom-app a:hover {
    background-position: 0 -79px;
}
.botoom-app a:active {
    background-position: 0 -159px;
}

.botoom-app a.btn_ios,.botoom-app a.btn_android{ margin-top:0px; width:259px; height:69px;}
.botoom-app a.btn_ios{background-position:-1px -252px;}
.botoom-app a.btn_ios:hover{background-position:-266px -252px;}
.botoom-app a.btn_android{background-position:-1px -321px;}
.botoom-app a.btn_android:hover{background-position:-266px -321px;}
/*.botoom-app a i{ position:absolute; width:14px; height:14px; display:block; left:210px; top:29px; background-image:url(../images/download/icon.png); background-repeat:no-repeat;}
.botoom-app a i.down_icon{ background-position:-271px -30px;}
.botoom-app a i.a_down_icon{ background-position:-271px -96px;}*/

.m-elements li p.u-light,.m-elements li p.u-sun,.m-elements li p.u-signal{
    background:url(images/icon.png) no-repeat;
    display:inline-block;
}
/*.a-bounce{
-webkit-animation:shake 0.2s infinite;-moz-animation:shake 0.2s infinite;-ms-animation:shake 0.2s infinite;animation:shake 0.2s infinite;
}
@-webkit-keyframes shake{
    0%{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(-2px);}
    100%{-webkit-transform:translateY(-8);}
}
@-moz-keyframes shake{
    0%{-moz-transform:translateY(0);}
    50{-moz-transform:translateY(-2px);}
    100%{-moz-transform:translateY(-8);}
}
@-ms-keyframes shake{
    0%,100%{-ms-transform:translateY(0);}
    50%{-ms-transform:translateY(-2px);}
    100%{-ms-transform:translateY(-8);}
}
@keyframes shake{
    0%{transform:translateY(0);}
    50%{transform:translateY(-2px);}
    100%{transform:translateY(-8);}
}
*/

.m-elements {
    background:url(images/bg_01.png) repeat-x #ffffff;
    padding-left:95px;
    padding-bottom:80px;
    margin-bottom:-30px;
}
.m-elements li {
    padding:15px 0px;
    float:left;
    width:309px;
}
.w266{ width:260px !important;}
.a-rotatein:hover{-webkit-animation:500ms ease-out backwards;-moz-animation:500ms ease-out backwards;-ms-animation:500ms ease-out backwards;animation:500ms ease-out backwards;}
/* 转入 */
.a-rotatein:hover{-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein;}

/* 转入 */
@-webkit-keyframes rotatein{
    0%{opacity:1;-webkit-transform:rotate(-400deg);}
    100%{opacity:1;-webkit-transform:rotate(0);}
}
@-moz-keyframes rotatein{
    0%{opacity:1;-moz-transform:rotate(-400deg);}
    100%{opacity:1;-moz-transform:rotate(0);}
}
@-ms-keyframes rotatein{
    0%{opacity:1;-ms-transform:rotate(-400deg);}
    100%{opacity:1;-ms-transform:rotate(0);}
}
@keyframes rotatein{
    0%{opacity:1;transform:rotate(-400deg);}
    100%{opacity:1;transform:rotate(0);}
}
.m-elements li p.u-light {
    background-position:-309px 0px;
    width:173px;
    height:176px;
}
.m-elements li p.u-sun {
    background-position:-495px 0px;
    width:173px;
    height:176px;
}
.m-elements li p.u-signal {
    background-position:-678px 0px;
    width:173px;
    height:176px;
}
.m-elements li h3 {
    color:555;
    font-size:24px;
    padding-bottom:20px;
    padding-top:15px;
}
.m-elements li span {
    font-size:18px;
    color:#7d8590;
    width:180px;
    display:inline-block;
    line-height:24px;
}
.u-three {
    color:#4ca6df;
}
.u-two {
    color:#87ba26;
}
.u-one {
    color:#fea22a;
}
